body{
    background:#171922;
    section:nth-child(1){
        display:flex;
        margin:10/46.9rem 27/46.9rem 0rem;
        div.search{
            flex:12;
            height:72/46.9rem;
            position:relative;
            i{
                width:40/46.9rem;
                height:40/46.9rem;
                display:inline-block;
                -webkit-background-size: cover;
                background-size: cover;
                position:absolute;
                top:12/46.9rem;
                left:16/46.9rem;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            input{
                border-radius:10/46.9rem;
                height: 61/46.9rem;      
                background:#232532;
                font-size: 28/46.9rem;
                color: #FFF;
                padding:3/46.9rem 40/46.9rem 5/46.9rem 80/46.9rem;
                width:80%;
            }
        }
        div.cancel{
            flex:2;
            color:#8590A3;
            height:65/46.9rem;
            text-align:center;
            font-size:26/46.9rem;
            line-height:61/46.9rem;
            margin-left:20/46.9rem;
        }
    }
    //列表
    .slider{
        width: 750/46.9rem;
        height: auto;
        display: block; 
        position: relative; 
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 5.5rem;
        .slider-content {
            padding-left: 22/46.9rem;
            overflow-y: auto;
            ul {
                position: relative;
                li {
                    div {
                        &:nth-child(1) {
                            font-size: 32/46.9rem;
                            color: #fff;
                        }
                        &:nth-child(2) {
                            font-size: 26/46.9rem;
                            color: #fff;
                        }
                        &:nth-child(3) {
                            i {
                                display: block;
                                width: 48/46.9rem;
                                height: 34/46.9rem;
                                img {
                                    width: 100%;
                                    height: 100%;
                                }
                            }
                        }
                    }
                    .title {
                        width: 702/46.9rem;
                        background-color: #171922;
                    }
                    ul {
                        li {
                            display: flex;
                            height: 110/46.9rem; 
                            line-height: 110/46.9rem;
                            padding-left: 33/46.9rem;
                            div {
                                color: #fff;
                                &:nth-child(1) {
                                    flex: 2;
                                    font-size: 32/46.9rem;
                                }
                                &:nth-child(2) {
                                    flex: 2;
                                    font-size: 26/46.9rem;
                                }
                                &:nth-child(3) {
                                    flex: 3;
                                    width: 48/46.9rem;
                                    height: 34/46.9rem;
                                    margin: auto 0;
                                    i {
                                        display: block;
                                        width: 48/46.9rem;
                                        height: 34/46.9rem;
                                        img {
                                            width: 100%;
                                            height: 100%;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .title {
                padding: 5/46.9rem 0; 
                text-indent: 10/46.9rem; 
                background: #bbb; 
                color: #fff; 
                width: 100%; 
                float: left; 
                text-transform: uppercase;
            }
        }
        .slider_con {
            display: none;
            width: 100%;
            ul {
                width: 100%;
                height: auto;
                li {
                    &.liselected {
                        height: 2.34541578rem;
                        line-height: 2.34541578rem;
                        display: flex;
                        align-items: center;
                        padding-left: 0.70362473rem;
                        div {
                            &:first-child {
                                flex: 1;
                                font-size: 32/46.9rem;
                                color: #fff;
                            }
                            &:nth-child(2) {
                                flex: 1;
                                font-size: 26/46.9rem;
                                color: #fff;
                            }
                            &:last-child {
                                flex: 1;
                                width: 48/46.9rem;
                                height: 34/46.9rem;
                                margin: auto 0;
                                i {
                                    display: block;
                                    width: 48/46.9rem;
                                    height: 34/46.9rem;
                                    img {
                                        width: 100%;
                                        height: 100%;
                                    }
                                }
                            }
                        }
                    }
                    div {
                        &:first-child {
                            font-size: 32/46.9rem;
                            color: #fff;
                        }
                        &:nth-child(2) {
                            font-size: 26/46.9rem;
                            color: #fff;
                        }
                        &:last-child {
                            width: 48/46.9rem;
                            height: 34/46.9rem;
                            i {
                                display: block;
                                width: 48/46.9rem;
                                height: 34/46.9rem;
                                img {
                                    width: 100%;
                                    height: 100%;
                                }
                            }
                        }
                    }
                }
            }
        } 
        .slider-nav {
            flex: 1;
            position: fixed;
            right: 0; 
            top: 400/46.9rem;
            height: 1100/46.9rem;
            ul {
                li {
                    a {
                        font-size: 26/46.9rem;
                        color: #fff;
                        margin-right: 26/46.9rem;
                        text-transform: uppercase;
                    }
                }
            }
        }
    }
    .l_mask {
        position: fixed;   
        top: 0;   
        right: 0;   
        bottom: 0;   
        left: 0;  
        z-index: 1;   
        background-color: rgba(0,0,0,.4); 
        display: none;   
    }
    .l_tips {
        width: 206/46.9rem;
        height: 90/46.9rem;
        background-color: rgba(91,111,131,0.8);
        color: #fff;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 2;
        text-align: center;
        line-height: 90/46.9rem;
        border-radius: 14/46.9rem;
        display: none; 
    }
    //撑块
    div.chengkuai {
//      height: 5.5rem;
    }
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #8590A3; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #8590A3; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #8590A3; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #8590A3; 
}
